//-----------------点击切换两个盒子-----------------
$('.login a').on('click', function () {
  $('.register').show()
})
$('.register a').on('click', function () {
  $('.register').hide()
})

//------------------登录功能-----------------------
//当表单提交的时候,阻止默认行为,收集账号密码,Ajax提交
$('.login form').on('submit', function (e) {
  e.preventDefault();
  let data = $(this).serialize();
  // $.ajax({
  //   type:'POST',
  //   url:'http://www.itcbc.com:8080/api/login',
  //   data:data,
  //   success:function (res) {

  //   }
  // })
  axios.post('http://www.itcbc.com:8080/api/login', data).then(res => {
    let { status, message, token } = res.data
    if (status === 0) {
      localStorage.setItem('token', token)
      layer.msg(message, { time: 1500 }, () => { })
      location.href = './index.html'
    }
  })
})

//-------------------注册功能----------------------
//当表单提交的时候,阻止默认行为,收集账号密码,Ajax提交
$('.register form').on('submit', function (e) {
  e.preventDefault()
  let data = $(this).serialize()
  axios.post('http://www.itcbc.com:8080/api/reguser', data).then(res => {
    let{status, message} = res.data
    if (status === 0) {
      layer.msg(message)
      //清空输入框(重置表单)
      $('.register form')[0].reset()
      //切换盒子 
      $('.register').hide()
    }
  })
})

//-------------------表单验证----------------------
//自定义验证规则     使用 layui 的内置模块 只用之前,必须先加载模块
//语法 let xxx = layui.xxx
let form = layui.form
form.verify({
  // len:['正则表达式','验证不通过时候的提示']
  len: [/^\S{6,12}$/, '长度6~12位且不能有空格'],
  //函数形式,函数的形参表示 使用该验证规则的输入框的值 案例中 确认密码框使用了这个验证规则,形参 val 表示我们输入的确认密码
  // same:function (val) {return '验证不通过的时候的提示'}
  same: function (val) {
    let pwd = $('.pwd').val()
    if (pwd != val) return '两次密码不一致'
  }
})